<%-- 
    Document   : index
    Created on : Feb 4, 2012, 1:52:57 PM
    Author     : Juan D. Aldana
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    HttpSession session_actual=request.getSession(true);
    String usuario=(String) session_actual.getAttribute("id");
    String nombrec=(String) session_actual.getAttribute("nombrec");
    if (usuario == null)response.sendRedirect("index.jsp");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/stylen.css" media="all" />
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
        <script type="text/javascript" src="js/jquery-1.4.4.min.js" ></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>  
        <script type="text/javascript" src="js/Copse_400.font.js"></script>
        <script type="text/javascript" src="js/imagepreloader.js"></script>
        <script type="text/javascript" src="js/funciones.js"></script>
        <!--Script y css para el datepicker-->
        <script type="text/javascript" src="js/jquery-ui-1.8.custom.js"></script>
        <link rel="stylesheet" href="css/jquery-ui-1.7.2.custom.css" type="text/css" media="all">        
        <!--[if lt IE 9]>
        <script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
        <script type="text/javascript" src="js/html5.js"></script>
        <![endif]-->
        <script type="text/javascript">
            
        </script>
        <title>SIEG</title>
    </head>
    <body>
        <div class="body1">
            <div class="body2">
                <div class="main">
                    <!-- header -->
                    <header>
                        <div id="sq"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div></div>
                        <div id="sq2"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div></div>
                        <div id="sq3"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div></div>        
                        <div class="wrapper">
                            <div class="col_2 pad_left1">
                                <h1>SIEG</h1>
                            </div>
                        </div>				
                        <nav id="menu">
                            <ul>
                                <li class="nav1"><a href="index.jsp">PRINCIPAL</a></li>
                                <li class="nav2"><a href="#">DATOS PERSONALES</a></li>
                                <li class="nav3" id="active" ><a href="#">HISTORIA ACADEMICA</a></li>
                                <li class="nav4"><a href="#">INFORMACIÓN LABORAL</a></li>
                                <li class="nav5"><a href="#">CONTACTO</a></li>
                            </ul>
                        </nav>
                    </header>
                </div>
            </div>
        </div>
        <!-- / header -->
        <!-- content -->
        <div class="body5">
            <div class="body6">
                <div class="main">
                    <div class="wrapper">
                        <figure class="left"></figure>
                        <h2>Sistema de Información <span>Egresados UniVersidad De Los Llanos</span>!</h2>					
                    </div>
                </div>
            </div>
        </div>
        <div class="body7">
            <div class="main">
                <section id="content">				
                    <div class="wrapper">
                        <article class="col2">
                            <div class="pad1" id="historia">
                                <h2>Bienvenido: <%=nombrec%></h2>
                                <h2>PREGRADO</h2>
                                <form id="Formhistori" onSubmit="return valida(this);">
                                    <div  class="wrapper">
                                        <strong>Programa:</strong>
                                        <div class="bg"><input type="text" class="input" id="pro" name="pro" required placeholder="Nombre del Programa" /></div>
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Facultad:</strong>
                                        <div class="bg"><input type="text" class="input" id="fac" name="fac" required placeholder="Nombre de la Facultad" /></div>
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Año:</strong>
                                        <div class="bg"><select name="year" id="year"  >
                                                <option selected value="0">[AÑO]</option>
                                                <option value="1971" class="uno">1971</option>
                                                <option value="1972" >1972</option>
                                                <option value="1973" class="uno">1973</option>
                                                <option value="1974">1974</option>
                                                <option value="1975" class="uno">1975</option>
                                                <option value="1976">1976</option>
                                                <option value="1977" class="uno">1977</option>
                                                <option value="1978">1978</option>
                                                <option value="1979" class="uno">1979</option>
                                                <option value="1980">1980</option>
                                                <option value="1981" class="uno">1981</option>
                                                <option value="1982">1982</option>
                                                <option value="1983" class="uno">1983</option>
                                                <option value="1984">1984</option>
                                                <option value="1985" class="uno">1985</option>
                                                <option value="1986">1986</option>
                                                <option value="1987">1987</option>
                                                <option value="1988" class="uno">1988</option>
                                                <option value="1989">1989</option>
                                                <option value="1990" class="uno">1990</option>
                                                <option value="1991">1991</option>
                                                <option value="1992" class="uno">1992</option>
                                                <option value="1993">1993</option>
                                                <option value="1994" class="uno">1994</option>
                                                <option value="1995">1995</option>
                                                <option value="1996" class="uno">1996</option>
                                                <option value="1997">1997</option>
                                                <option value="1998" class="uno">1998</option>
                                                <option value="1999">1999</option>
                                                <option value="2000" class="uno">2000</option>
                                                <option value="2001">2001</option>
                                                <option value="2002" class="uno">2002</option>
                                                <option value="2003">2003</option>
                                                <option value="2004" class="uno">2004</option>
                                                <option value="2005">2005</option>
                                                <option value="2006" class="uno">2006</option>
                                                <option value="2006">2007</option>
                                                <option value="2006" class="uno">2008</option>
                                                <option value="2006">2009</option>
                                                <option value="2006" class="uno">2010</option>
                                                <option value="2006">2011</option>
                                            </select></div>
                                    </div>
                                    <h2>POSTGRADO</h2>
                                    <div  class="wrapper">
                                        <strong>Nivel:</strong>
                                        <div class="bg"><select name="nivel" id="nivel">
                                                <option value="0" selected>[Selecciona una opción]</option>
                                                <option value="1" class="uno">Especialización</option>
                                                <option value="2">Maestria</option>
                                                <option value="3" class="uno">Doctorado</option>
                                            </select></div>							
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Titulo Obtenido:</strong>
                                        <div class="bg"><input type="text" class="input" id="titu" name="titu" required placeholder="Titulo Obtenido"/></div>							
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Fecha De Grado:</strong>
                                        <div class="bg"><input type="text" name="datepicker" id="datepicker" size="12" /></div>							
                                    </div>
                                    <input type="submit" id="envio" name="envio" value="Guardar"/>
                                </form>
                              <%if (usuario != null)
                out.println("<div  class='wrapper'>"
                        + "<a href='informacion_laboral.jsp'>Ir A Información Laboral</a><br />"
                        + "<a href='cerrarsession.jsp'>Cerrar sesión</a>"
                        + "</div>");
            %>  
                            </div>
                        </article>
                    </div>
                </section>
            </div>
        </div>
        <!-- / content -->
        <!-- footer -->
        <div class="body8">
            <div class="body9">
                <div class="main">
                    <footer>
                        <div class="col_1">
                            <h3>Redes Sociales</h3>
                            <ul class="list3">
                                <li><a href="#">Twitter</a></li>
                                <li><a href="http://www.facebook.com/egresados.unillanos">Facebook</a></li>
                            </ul>
                        </div>
                        <div class="col_2 pad_left1">
                            <h3>Soluciones Rapidas</h3>
                            <div class="wrapper">
                                <ul class="list3 col_1">
                                    <li><a href="#">Consultas</a></li>							
                                    <li><a href="#">Publicidad</a></li>
                                    <li><a href="#">Programa de Gestión</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col_3">
                            <a href="#" id="footer_logo">...</a>
                            <p class="center"><a rel="nofollow" href="http://sieg.unillanos.edu.co/" target="_blank">SIEG</a><br>
                                designed by SerVisoft.com</p>
                        </div>
                    </footer>
                </div>
                <!-- / footer -->
            </div>
        </div>
    </body>
</html>

